.home-page {
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	overflow: auto;

	.chart-panel {
		width: 100%;
		padding-bottom: 15px;
		display: flex;
		flex-flow: wrap;

		.chart-item {
			margin-top: 20px;
			width: calc(~'50% - 5px');
			border: 1px solid #ccc;

			.chart-title {
				box-sizing: border-box;
				padding: 0 20px;
				height: 56px;
				line-height: 56px;
				border-bottom: 1px solid #e9e9e9;

				.title-name {
					font-size: 18px;
					//color: #333;
					float: left;
				}

				.more {
					position: relative;
					top: -8px;

					float: right;
					color: #757f8c;
					cursor: pointer;
					font-size: 30px;
					margin-right: 0;
					&:hover {
						filter: brightness(80%);
						//color: #000;
					}
					&:before{
						content: '...';
					}
				}
			}
			.chart-content {
				width: 100%;
				height: 350px;
			}
		}

		div.chart-item:nth-of-type(odd) {
			margin-right: 10px;
		}
	}
}
